<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">

  <title>富文本使用测试</title>
</head>
<body>
<!-- Create the editor container -->
<div style="height: 200px;" id="editor"></div>

<script type="text/javascript" src="https://cdn.quilljs.com/1.3.6/quill.js"></script>
<script>
  var quill = new Quill('#editor', {
    modules: {
      toolbar: [
        [{ header: [1, 2, false] }],
        ['bold', 'italic', 'underline', 'link'],
        [{list: 'ordered'}, {list: 'bullet'}],
        ['image', 'code-block']
      ]
    },
    placeholder: '输入一些内容',
    theme: 'snow'  // or 'bubble'
  });
</script>
</body>
</html>
